@media screen and (max-width: 768px) {
  .banner h2 {
    width: 100%;
  }
  .banner .menu_box {
    width: 100%;
  }
  .sjs_wrap .sjs_box {
    width: 100%;
    gap: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0 20px;
  }
  .designer_card {
    width: 100%;
    margin-bottom: 20px;
  }
  .sjs_details_wrap .sjs_details_box{
    width: 100%;
    gap: 0;
    flex-direction: column;
  }
  .sjs_details_box .left{
    width: 95%;
    margin: 0 auto;
  }
  .sjs_details_box .right{
    padding: 0 20px;
  }
  .sjs_details_box .right .top{
    /* flex-direction: column; */
    flex-wrap: wrap;
  }
  .sjs_details_box .right .top .class_name{
    padding-right: 5px;
  }
  .sjsal_wrap{
    padding:  0 20px;
  }
  .tab_body_wrap .tab_body_box{
    width: 100%;
    gap: 0;
  }
  .tab_body_wrap .tab_body_item{
    width: 100%;
    margin-bottom: 20px;
  }
}